/*
Theme Name: cu4.1
Theme URI: http://www.huitheme.com
Description: Crazy uncle
Author: Crazy uncle
Author URI: http://www.huitheme.com
Version: 2023.4.24
*/
@charset "UTF-8";
body{font-family:"Menlo","Meslo LG",monospace;color:#333;font-size:14px;}
p{margin-top:0;margin-bottom:10px;}
ol,
ul,
dl{padding:0;margin:0;list-style:none;}
a{color:#333;text-decoration:none;background-color:transparent;}
a:hover{color:#0056b3;text-decoration:none;}
*:focus,
textarea:focus,
button:focus,
input:focus{box-shadow:none;outline:0}
img{border:0;max-width:100%;height:auto;}
.f12{font-size:12px;}
.f300{font-weight:300;}

/*index*/
.index_box{height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;}
.index_box .index_box_img{margin-bottom:40px;}
.index_box .index_box_img svg{}
.index_box .index_box_img img{width:120px;border-radius:50%;}
.index_box h1{font-size:2em;margin-bottom:20px;font-weight:bold;}
.index_box p{line-height:1.8;margin-bottom:20px;font-size:16px;}
.index_box address{margin-bottom:2px;position:relative;line-height:1.3;color:#888;}
.index_box address a{color:#888;}
.index_box address svg{height:14px;width:14px;position:absolute;top:1px;left:0px;}
.index_box address span{text-indent:20px;display:inline-block;}

/*nav*/
nav.primary {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: clamp(0.3rem, 1vw, 0.8rem); /* 响应式内边距 */
  
  font-size: clamp(0.8rem, 2vw, 1rem); /* 响应式字体大小 */
}

nav.primary .menu-ul {
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0;
  gap: clamp(0rem, 0vw, 0rem); /* 响应式间距 */
}

nav.primary .menu-ul li{display:inline-block;margin:0px 6px;}
nav.primary .menu-ul li a{position:relative;}
nav.primary .no-home-menu li{margin:0px 10px;}
nav.primary .no-home-menu li a{}
nav.primary .no-home-menu li a:before{width:3px;height:3px;background:#ccc;position:absolute;right:-14px;top:7px;}
nav.primary .no-home-menu li:last-child a:before{display:none;}




/* 头像容器相对定位，作为定位参考 */
.index_box_img {
    position: relative;
    display: inline-block; /* 确保容器包裹内容 */
}

/* 在头像右上角叠加黄V图标 */
.index_box_img::after {
    content: "";
    position: absolute;
    top: 82px; /* 调整垂直位置 */
    right: -1px; /* 调整水平位置 */
    width: 30px; /* 图标宽度 */
    height: 30px; /* 图标高度 */
    background: url("https://flavorboy.cn/wp-content/uploads/2025/06/2025060416234352.png") no-repeat center;
    background-size: contain; /* 保持图标比例 */
    z-index: 10; /* 确保图标显示在头像上方 */
    cursor: help; /* 鼠标悬停时显示问号提示 */
}


/* 悬停提示框（新增样式） */
.index_box_img::before {
    content: attr(data-tooltip); /* 读取data-tooltip属性值 */
    position: absolute;
    bottom: calc(100% + 8px); /* 显示在图标下方 */
    left: 50%;
    transform: translateX(-50%); /* 水平居中 */
    padding: 4px 8px;
    background: rgba(0, 0, 0, 0.8);
    color: white;
    font-size: 12px;
    border-radius: 4px;
    opacity: 0; /* 默认隐藏 */
    transition: opacity 0.3s ease; /* 渐变动画 */
    pointer-events: none; /* 不影响图标点击 */
    white-space: nowrap; /* 强制文字单行显示 */
    overflow: hidden; /* 隐藏超出部分（可选） */
    text-overflow: ellipsis; /* 超出显示省略号（可选） */
}

/* 悬停时显示提示框 */
.index_box_img:hover::before {
    opacity: 1;
}










/*logo*/
.logo_box{display:flex;align-items:center;justify-content:flex-start;padding:40px 0px 60px 0px;}
.logo_box .logo{margin:0px 20px 0px 0px;line-height:1;font-size:0;}
.logo_box .logo a{font-size:0;}
.logo_box .logo a img{height:28px;border-radius:50%;}

/*loop*/
.mod-archive{}
.mod-archive-name{margin-bottom:25px;font-weight:bold;font-size:1rem;}
.mod-archive-list{margin-bottom:35px;}
.mod-archive-list li{margin-bottom:20px;display:flex;}
.mod-archive-list li .mod-archive-time{color:#666;}
.mod-archive-list li a{color:#383838;text-decoration:underline;}
.mod-archive-links{border:1px solid #e4e4e4;padding:15px 20px;border-radius:5px;position:relative;height:100%;}
.mod-archive-links a{font-size:16px;display:flex;margin-bottom:10px;align-items:center;justify-content:space-between;}
.mod-archive-links a small{color:#959595;font-size: 12px;}
.mod-archive-links p{margin-bottom:0px;color: #b6b6b6;font-size: 12px;line-height: 1.8;}

/*page*/
h1.page_name{margin-bottom:40px;font-weight:bold;font-size:20px;}

/*footer*/
#footer{color:#666;font-size:12px;margin:60px 0px 20px 0px;display:flex;justify-content:space-between;}
#footer a{color:#666;}
@media (max-width:768px){
    #footer{flex-direction:column;align-items:center;}
}

/*zw*/
.wznrys{text-align:justify;}
.wznrys hr{height:20px;border:none;position:relative;padding:0px;margin:10px 0px 25px 0px;}
.wznrys hr:after{content:"";width:100%;height:1px;background-color:#e2e2e2;position:absolute;top:10px;z-index:1;}
.wznrys hr:before{content:"";position:absolute;width:8px;height:8px;background-color:#ababab;left:50%;top:50%;transform:rotate(45deg);z-index:2;margin-top:-4px;margin-left:-4px;}
.wznrys .post-image{padding-bottom:20px}
.wznrys p{line-height:2;padding-bottom:20px;margin-bottom:0;margin-top:0;}
.wznrys h1,
.wznrys h2,
.wznrys h3,
.wznrys h4,
.wznrys h5,
.wznrys h6{margin-bottom:25px;margin-top:0px;line-height:30px;font-weight:bold;}
.wznrys h1{font-size:18px;}
.wznrys h2{font-weight: bold;
	background-color: #f6f6f6;
	margin: 0px 0;
	padding: 5px 12px;
	border-left: 5px solid #f25d8e;
	font-size: 21px;}
.wznrys h3{
	font-weight: bold;
	background-color: #f6f6f6;
	margin: 20px 0;
	padding: 5px 12px;
	border-left: 5px solid #037ad1;
	font-size: 18px;
}
.wznrys h4{
	font-weight: bold;
	background-color: #f6f6f6;
	margin: 20px 0;
	padding: 5px 12px;
	border-left: 5px solid #3a89c3;
	font-size: 15px;
}
.wznrys h5{
	font-weight: bold;
	background-color: #f6f6f6;
	margin: 20px 0;
	padding: 5px 12px;
	border-left: 5px solid #0061a8;
	font-size: 12px;
}
.wznrys h6{font-size:14px;}
.wznrys ol,
.wznrys ul{margin-bottom:30px;list-style:disc;}
.wznrys ol li,
.wznrys ul li{margin-left:12px;margin-bottom:12px;line-height:2;}
.wznrys ol li a,
.wznrys ul li a{border-bottom:1px solid #3ca5f6;color:#3ca5f6;}
.wznrys p img{max-width:100%;height:auto}
.wznrys blockquote{margin:5px 0px 30px 0px;position:relative;border-radius:3px;font-size:inherit;padding:10px 25px 0px 25px;border-left:4px solid #e3e3e3;background-color:#f9f9f9;}
.wznrys blockquote p{padding:0px 0px 5px 0px;font-weight:bold;font-size:16px;font-style:inherit;}
.wznrys blockquote cite{padding-bottom:20px;display:flex;font-size:14px;line-height:2;font-style:inherit;}
.wznrys .aligncenter{clear:both;display:block;margin:0 auto;}
.wznrys .alignright{float:right;margin:25px 0px 10px 20px;}
.wznrys .alignleft{float:left;margin:25px 20px 10px 0px;}
.wznrys .wp-caption{max-width:100%;}
.wznrys .wp-caption p.wp-caption-text{text-align:center;padding-bottom:0px;margin-bottom:25px;font-size:12px;color:#888;font-weight:300;}
.wznrys p a{border-bottom:1px solid #3a3a3a;}
.wznrys strong{font-weight:bold;}
.wznrys .crayon-table tr:nth-child(odd){background:none;}
.wznrys pre.wp-block-code{margin:50px 0px;position:relative;background:#282922;padding-top:36px;border-radius:5px;box-shadow:0 10px 30px 0 rgba(0,0,0,.4);}
.wznrys pre.wp-block-code code{font-size:13px;line-height:1.8;padding:15px 20px;border-radius:0px 0px 10px 10px;}
.wznrys pre.wp-block-code code:before{content:attr(class);position:absolute;top:6px;right:20px;color:#3e3e3e;text-transform:uppercase;}
.wznrys pre.wp-block-code code table{border:none;line-height:1.8;margin:0;}
.wznrys pre.wp-block-code code table tr{border-bottom:1px solid #272727;}
.wznrys pre.wp-block-code code table tr:nth-child(odd){background:none;}
.wznrys pre.wp-block-code code table tr:last-child{border-bottom:none;}
.wznrys pre.wp-block-code code table tr td.hljs-ln-numbers{width:30px;}
.wznrys pre.wp-block-code code table tr td.hljs-ln-numbers .hljs-ln-n{text-align:center;color:#5a5a5a;font-weight:300;}
.wznrys pre.wp-block-code code table tr td.hljs-ln-numbers .hljs-ln-n:before{padding-right:10px;}
.wznrys pre.wp-block-code code table tr td.hljs-ln-code{border-left:1px solid #272727;text-indent:12px;}
.wznrys pre.wp-block-code code table tr td{border:none;text-align:inherit;line-height:inherit;}
.wznrys pre.wp-block-code:before{content:"";position:absolute;border-radius:50%;background:#fc625d;width:12px;height:12px;left:14px;top:12px;box-shadow:20px 0 #fdbc40,40px 0 #35cd4b;z-index:2;}
.wznrys .wp-block-image{margin:0px -80px 30px -80px;border-radius:10px;overflow:hidden;}
.wznrys .wp-block-image img{width:100%;}
.wznrys .wp-block-image figure{}
.wznrys .wp-block-image figure img{width:100%;}
.wznrys .wp-block-image figure.aligncenter{}
.wznrys .wp-block-image figure.aligncenter img{display:block;margin:auto;}
.wznrys figure{border:none!important;}
.wznrys figcaption{font-size:12px;font-weight:300;margin:15px 0px!important;text-align:center;display:flex!important;color:#888;justify-content:center;}
.wznrys .wp-block-gallery figcaption{margin:0!important;}
.wznrys .wp-block-table{}
.wznrys .wp-block-table table{border:1px solid #e9e9e9;font-size:14px;margin-bottom:20px;border-right:none;border-bottom:none;}
.wznrys .wp-block-table table{}
.wznrys .wp-block-table table tr{border-bottom:1px solid #e7e7e7;}
.wznrys .wp-block-table table tr td,
.wznrys .wp-block-table table tr th{padding:12px 20px;border-right:1px solid #e7e7e7;}
.wznrys .wp-block-audio{margin-bottom:40px;}
.wznrys .wp-block-cover{margin-bottom:40px;}
.wznrys .wp-block-cover .wp-block-cover__inner-container{margin:0px 10%;}
.wznrys .wp-block-search{margin-bottom:30px;}
.wznrys .wp-block-search .wp-block-search__label{display:none;}
.wznrys .wp-block-search .wp-block-search__inside-wrapper{background:#ebe9e9;padding:15px 20px;border-radius:5px;}
.wznrys .wp-block-search .wp-block-search__inside-wrapper .wp-block-search__input{background:#fff;border:none;border-radius:10px 0px 0px 10px;text-indent:15px;color:#a7a6a6;}
.wznrys .wp-block-search .wp-block-search__inside-wrapper .wp-block-search__button{background-color:#dc3544;margin-left:0px;border:none;font-size:14px;color:#fff;border-radius:0px 10px 10px 0px;padding:8px 25px;}
@media (max-width:768px){
    .wznrys .wp-block-image{margin:0px 0px 30px 0px;}
}

/*fy*/
.posts-nav{margin:50px 0px;display:flex;align-items:center;}
.posts-nav .page-numbers{font-size:12px;padding-right:20px;color:#888;transition:all 0.6s ease;}
.posts-nav .current,
.posts-nav .page-numbers:hover{color:#333;}
.previous_next{color:#828282;font-size:12px;border-bottom:1px solid #eaeaea;margin:20px 0px;padding-bottom:20px;border-top:1px solid #eaeaea;padding-top:20px;}
.previous_next a{display:block;margin-top:6px;}
.single_tag{border-top:1px solid #ececec;display:table;width:100%;padding-top:20px;font-size:12px;}
.single_tag span{margin-right:5px;color:#919191;}
/* 文章页标签美化 */
.single_tag {
    margin: 20px 0;
    padding: 10px 0;
    border-top: 1px solid #f0f0f0;
   
    display: flex;
    flex-wrap: wrap;
}

.single_tag a {
    margin-right: 15px;
    margin-bottom: 10px;
    padding: 6px 14px;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    border-radius: 20px;
    transition: all 0.3s ease;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
    color: white; /* 默认文字颜色（亮色背景会自动覆盖） */
}

/* 使用CSS变量分配颜色 */
.single_tag a:nth-child(8n+1) { background: var(--tag-color-1); }
.single_tag a:nth-child(8n+2) { background: var(--tag-color-2); }
.single_tag a:nth-child(8n+3) { background: var(--tag-color-3); }
.single_tag a:nth-child(8n+4) { background: var(--tag-color-4); }
.single_tag a:nth-child(8n+5) { background: var(--tag-color-5); }
.single_tag a:nth-child(8n+6) { background: var(--tag-color-6); }
.single_tag a:nth-child(8n+7) { background: var(--tag-color-7); }
.single_tag a:nth-child(8n+8) { background: var(--tag-color-8); }

/* 为亮色背景自动调整文字颜色 */
.single_tag a {
    color: <?php echo 'rgb(' . (hexdec(substr($tag_colors[0], 1, 2)) < 128 ? '255,255,255' : '0,0,0') . ')'; ?>;
}
.single_tag a:nth-child(8n+2) { color: <?php echo 'rgb(' . (hexdec(substr($tag_colors[1], 1, 2)) < 128 ? '255,255,255' : '0,0,0') . ')'; ?>; }
.single_tag a:nth-child(8n+3) { color: <?php echo 'rgb(' . (hexdec(substr($tag_colors[2], 1, 2)) < 128 ? '255,255,255' : '0,0,0') . ')'; ?>; }
.single_tag a:nth-child(8n+4) { color: <?php echo 'rgb(' . (hexdec(substr($tag_colors[3], 1, 2)) < 128 ? '255,255,255' : '0,0,0') . ')'; ?>; }
.single_tag a:nth-child(8n+5) { color: <?php echo 'rgb(' . (hexdec(substr($tag_colors[4], 1, 2)) < 128 ? '255,255,255' : '0,0,0') . ')'; ?>; }
.single_tag a:nth-child(8n+6) { color: <?php echo 'rgb(' . (hexdec(substr($tag_colors[5], 1, 2)) < 128 ? '255,255,255' : '0,0,0') . ')'; ?>; }
.single_tag a:nth-child(8n+7) { color: <?php echo 'rgb(' . (hexdec(substr($tag_colors[6], 1, 2)) < 128 ? '255,255,255' : '0,0,0') . ')'; ?>; }
.single_tag a:nth-child(8n+8) { color: <?php echo 'rgb(' . (hexdec(substr($tag_colors[7], 1, 2)) < 128 ? '255,255,255' : '0,0,0') . ')'; ?>; }

/* 鼠标悬停效果 */
.single_tag a:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

/* 移动端适配 */
@media (max-width: 768px) {
    .single_tag a {
        padding: 5px 12px;
        font-size: 13px;
        margin-right: 10px;
    }
}
@media (max-width:768px){
    .logo_box .logo{margin-right:10px}
    nav.primary .menu-ul li{margin:0px 6px;}
    nav.primary .no-home-menu li a:before{display:none;}
}







/*WordPress文章内美化框*/
#zm_mhz,#zm_xgh,#zm_tkzj,#zm_xyz,#zm_gll ,#zm_xty,#zm_yyz,#zm_szh,#zm_wbk{
	/*圆角值,在此定义*/
	border-radius: 8px;
}
/*迷幻紫*/
#zm_mhz{
    color: #555555;
    overflow: hidden;
    margin: 10px 0;
    padding: 15px 15px 15px 35px;
    /*border-radius: 10px;*/
    box-shadow: 6px 0 12px -5px rgb(190, 196, 252), -6px 0 12px -5px rgb(189, 196, 252);
    background-color: #8EC5FC;
    background-image: linear-gradient(62deg,#8EC5FC 0%,#E0C3FC 100%);
    background-image: -webkit-linear-gradient(62deg,#8EC5FC 0%,#E0C3FC 100%);
}
/*西瓜红*/
#zm_xgh{
	    color: #555555;
    overflow: hidden;
    margin: 10px 0;
    padding: 15px 15px 15px 35px;
    /*border-radius: 10px;*/
    box-shadow: 6px 0 12px -5px rgb(255, 176, 172), -6px 0 12px -5px rgb(255, 161, 174);
    background-color: #ff9a8b66;
    background-image: linear-gradient(220deg,#FF9A8B 0%,#ff6a8838 55%,#FF99AC 100%);
    background-image: -webkit-linear-gradient(220deg,#ff9a8b7a 0%,#ff6a88ab 55%,#ff99ac82 100%);
}
/*华为P30 天空之境*/
#zm_tkzj {
    color: #555555;
    overflow: hidden;
    margin: 10px 0;
    padding: 15px 15px 15px 35px;
    /*border-radius: 10px;*/
    box-shadow: 6px 0 12px -5px rgb(253, 223, 234), -6px 0 12px -5px rgb(215, 240, 243);
    background-color: #FFDEE9;
    background-image: linear-gradient(0deg,#ffdee9c4 0%,#b5fffc8f 100%);
    background-image: -webkit-linear-gradient(0deg,#ffdee9c4 0%,#b5fffc8f 100%);
}
/*小宇宙*/
#zm_xyz {
    color: #eeeeee;
    overflow: hidden;
    margin: 10px 0;
    padding: 15px 15px 15px 35px;
    /*border-radius: 10px;*/
    box-shadow: 6px 0 12px -5px rgb(12, 85, 141), -6px 0 12px -5px rgba(10, 58, 93, 0);
    background-image: radial-gradient( circle 263px at 100.2% 3%, rgba(12,85,141,1) 31.1%, rgba(205,181,93,1) 36.4%, rgba(244,102,90,1) 50.9%, rgba(199,206,187,1) 60.7%, rgba(249,140,69,1) 72.5%, rgba(12,73,116,1) 72.6% );
}
/*橄榄绿*/
#zm_gll {
    color: #eeeeee;
    overflow: hidden;
    margin: 10px 0;
    padding: 15px 15px 15px 35px;
    /*border-radius: 10px;*/
    box-shadow: 6px 0 12px -5px rgb(68, 110, 92), -6px 0 12px -5px rgb(204, 212, 163);
    background-image: linear-gradient( 102deg, rgba(68,110,92,1) 17.4%, rgba(107,156,120,1) 49.3%, rgba(154,183,130,1) 83.4%, rgba(247,237,191,1) 110.3% );
}
/*小太阳*/
#zm_xty {
    color: #ffffff;
    overflow: hidden;
    margin: 10px 0;
    padding: 15px 15px 15px 35px;
     /*border-radius: 10px; */
    box-shadow: 6px 0 12px -5px rgb(253, 223, 234), -6px 0 12px -5px rgb(215, 240, 243);
    background-image: radial-gradient( circle farthest-corner at -8.9% 51.2%, rgba(255,124,0,1) 0%, rgba(255,124,0,1) 15.9%, rgba(255,163,77,1) 15.9%, rgba(255,163,77,1) 24.4%, rgba(19,30,37,1) 24.5%, rgba(19,30,37,1) 66% );
}
/*优雅紫*/
#zm_yyz {
	color: #ffffff;
    overflow: hidden;
    margin: 10px 0;
    padding: 15px 15px 15px 35px;
    /*border-radius: 10px;*/
    box-shadow: 6px 0 12px -5px rgb(175, 160, 208), -6px 0 12px -5px rgba(177, 161, 207, 0);
    background-image: radial-gradient( circle farthest-corner at 10% 20%, rgba(95,117,227,1) 0%, rgba(188,167,205,1) 90% );
}
/*深邃黑*/
#zm_szh {
	color: #c7c7c7;
    overflow: hidden;
    margin: 10px 0;
    padding: 15px 15px 15px 35px;
    /*border-radius: 5px;*/
    box-shadow: 6px 0 12px -5px rgb(155, 170, 185), -6px 0 12px -5px rgba(177, 161, 207, 0);
    background-image: radial-gradient( circle farthest-corner at 10% 20%, rgba(0,0,0,1) 0%, rgba(64,64,64,1) 90.2% );
}
/*无边框*/
#zm_wbk {
    color: #000000;
    overflow: hidden;
    margin: 10px 0;
    padding: 15px 15px 15px 35px;
}
#zm_xyz a , #zm_gll a{
	 color: #eeeeee;
}
#zm_szh a{
	color: #c7c7c7;	
}
#zm_xty a, #zm_yyz a{
	color: #ffffff;
}







